.image-space-container {
  background: #F7F7F7;
  .seller-content {
    width: 1000px !important;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
    .main-wrap {
      border: 1px solid #e5e5e5;
      background: #fff;
      .title {
        padding: 10px 30px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 14px;
        color: #3C3C3C;
      }
      .image-container {
        width: 100%;
        overflow: hidden;
        .card-list {
          min-height: 100px;
          background: #fff;
          margin-bottom: -10000px;
          padding-bottom: 10000px;
          &.border-r {
            border-right: 1px solid #e5e5e5;
          }
        }
        .menu-l {
          float: left;
          width: 200px;
          font-size: 12px;
          color: #9B9B9B;
          .list-wrap {
            padding: 10px 20px;
            >p {
              font-size: 16px;
              color: #3C3C3C;
              margin-bottom: 5px;
            }
          }
        }
        .image-r {
          float: right;
          width: 798px;
          .opt-wrap {
            border-bottom: 1px solid #E5E5E5;
            padding: 10px 20px;
            label {
              font-size: 14px;
              color: #3C3C3C;
              line-height: 32px;
              margin-right: 40px;
              input, .icon {
                margin-right: 10px;
              }
            }
            .btn-container {
              float: right;
              .btn {
                border: 1px solid #FFDDCE;
                color: #FF4401;
                font-size: 12px;
                width: 90px;
                height: 30px;
                line-height: 30px;
                background: #FFF0E8;
                text-align: center;
                display: inline-block;
                position: relative;
                &.btn-img {
                  margin-right: 10px;
                  input {
                    position: absolute;
                    content: '';
                    opacity: 0;
                    left: 0;
                    top: 0;
                    height: 100%;
                    width: 100%;
                  }
                }
              }
            }
          }
          .row-wrap {
            background: #FAFAFA;
            padding: 0 15px;
            max-height: 690px;
            overflow-y: auto;
            min-height: 500px;
            .item-group {
              min-height: 500px;
            }
            .item-wrap {
              width: 25%;
              float: left;
              .opt-item {
                position: relative;
                background: #fff;
                margin: 15px;
                height: 200px;
                .file-wrap {
                  height: 130px;
                  position: relative;
                  padding: 16px;
                  .file-bg {
                    background: #FAFAFA;
                    height: 100%;
                    position: relative;
                    .icon {
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      margin-left: -35px;
                      margin-top: -26px;
                    }
                  }
                }
                .img-wrap {
                  height: 162px;
                  width: 100%;
                  position: relative;
                  img {
                    width: 100%;
                    height: 100%;
                  }
                }
                .file-name {
                  height: 38px;
                  line-height: 38px;
                  text-align: center;
                  font-size: 14px;
                  overflow: hidden;
                }
                input[type="checkbox"] {
                  position: absolute;
                  width: 20px;
                  height: 20px;
                  top: -10px;
                  right: -10px;
                  -webkit-border-radius:100%;
                  -moz-border-radius:100%;
                  border-radius:100%;
                  &:checked{
                    background: #FF4401;
                    &:before{
                      content: '\00a0';
                      display: inline-block;
                      border: 1px solid #fff;
                      background: #FF4401;
                      border-top-width: 0;
                      border-right-width: 0;
                      width: 10px;
                      height: 6px;
                      -webkit-transform: rotate(-50deg);
                      position: absolute;
                      top:3px;
                      left:4px;
                    }
                  }
                }
                &:hover {
                  .file-name {
                    background: #E5E5E5;
                  }
                }
              }
            }
            .null-list-wrap {
              text-align: center;
              font-size: 12px;
              color: #9C9C9C;
              img {
                width: auto;
                height: 173px;
                margin-top: 100px;
                margin-bottom: 20px;
              }
            }
          }
        }
      }
    }
  }
}
.modal {
  .modal-dialog {
    width: 530px;
    .modal-body {
      padding: 20px;
      input {
        width: 390px;
        height: 40px;
        padding: 0 7px;
        line-height: 40px;
      }
    }
  }
}

